<template>
    <div>
        <!-- 轮播图区 -->
        <mt-swipe :auto="4000">
            <mt-swipe-item>1</mt-swipe-item>
            <mt-swipe-item>2</mt-swipe-item>
            <mt-swipe-item>3</mt-swipe-item>
        </mt-swipe>
        <h3>Home</h3>
    </div>
</template>


<script>
export default {
    data() {
        return {
            
        }
    },
    // created() {
    //     this.getLunbotu()
    // },
    methods: {
        getLunbotu() {
            this.$http.get('http://vue.studyit.io/api/getlunbo').then(result => {
                console.log(result.body)
            })
        }
    }
}
</script>

<style lang="less" scoped>
.mint-swipe{
    height: 200px;

    .mint-swipe-item {
        &:nth-child(1){
            background-color: red;
        }
        &:nth-child(2){
            background-color: blue;
        }
        &:nth-child(3){
            background-color: yellow;
        }
    }
}
</style>
